@charset "utf-8";
/* CSS Document */



.img{ width: 100%; max-width: 100%; height: auto;}

#qqDoud{Z-INDEX: 100000; position:fixed;right: 0px; bottom: 0px; width: 214px; height:137px;cursor:pointer;}
#qqclose{position:absolute;right:5px;top:0px;color:#1c90ca;font-size:12px;line-height:13px;}

/* 商务通弹出框 */
.f_left{ width:98px; height:336px; position:fixed; right:2px; top:50%; margin-top:-180px; z-index:99; background:#00abf7 url(../img/ewm.jpg) no-repeat center bottom; border-radius:5px; }
.f_left .swt{width:98px; position:relative;   }
.f_left .swt a{transition: 0.3s; line-height:40px; height:40px;  border-radius:5px; margin:2px 2px; color:#00abf7; display:block; width:64px; text-align:center; padding-left:30px;background:#fff url(../img/leftswt.png) no-repeat;}
.f_left .swt a:nth-child(1){ background-position:left top; }
.f_left .swt a:nth-child(2){ background-position:left -65px;  }
.f_left .swt a:nth-child(3){ background-position:left -130px;  }
.f_left .swt a:nth-child(4){ background-position:left -195px;  }
.f_left .swt a:nth-child(5){ background-position:left -260px;}
.f_left .swt a:hover{background:#48bdf1 url(../img/leftswt.png) no-repeat; color:#fff;}
.f_left .swt a:nth-child(1):hover{ background-position:-100px top; }
.f_left .swt a:nth-child(2):hover{ background-position:-100px -65px;  }
.f_left .swt a:nth-child(3):hover{ background-position:-100px -130px; }
.f_left .swt a:nth-child(4):hover{ background-position:-100px -195px;  }
.f_left .swt a:nth-child(5):hover{ background-position:-100px -260px;}
.f_left .phone{ position:absolute;  width:200px; height:139px;   right:98px; bottom:105px; margin-left:0px;  cursor:pointer; display:none; }
.f_left .weixin_img img{ width:92px; height:auto;}
.f_left .weixin_img{ padding-left:3px;}

.alert{ box-sizing:content-box;  border:#fff 5px solid; display:none; width:560px; height:360px; border-radius:5px; overflow:hidden; box-shadow: 3px 3px 3px #ccc; position:fixed; margin-left:-280px; margin-top:-160px; left:50%; top:50%; z-index:9999;}
#closemid, #closeleft {position:absolute; right:0%; top:0%; cursor:pointer;}
.alert .alertlxb{ position:absolute; left:20%; top:66%; width:360px; }
.alert .alertlxb input{width:228px;height:38px;line-height:38px;border:none;background:#FFF;float:left;padding-left:6px;font-size:16px;color:#8d8d8d; border-top-left-radius:8px;border-bottom-left-radius:8px;}
.alert .alertlxb button{width:88px;height:38px;background:#1C4885;font-size:14px;color:#FFF;line-height:38px;text-align:center;cursor:pointer;float:left;font-size:16px;border-top-right-radius:8px;border-bottom-right-radius:8px;}
.alert .alertlxb button:hover{ background:#5F89C6}

.alertclick{ width: 170px;
margin-left: 370px;
text-align: center;
height: 46px;
display: block;
margin-top:65px;
cursor: pointer;
color: #fff;
text-indent: -999999px;   }

.newqq{z-index: 999999; position:fixed; right: 0px; bottom: 0px; width: 214px; height: 137px; cursor: pointer; display: none; }
.newqq .swtqq{position:absolute;right:15px;bottom:12px;color:#1c90ca;font-size:12px;line-height:13px;}
.newqq #closeqq{display:block;position:absolute;cursor:pointer; right:1px;top:0px; z-index:9999;}


#piaoswt{z-index:9990; box-sizing:content-box;
position:fixed;top:68%; width:79px;
height:79px; display: block;
right:90px;}

@-webkit-keyframes pan-ripple {
    0% {-webkit-transform:scale(1);opacity:0}
    30% {-webkit-transform:scale(1.1);opacity:1}
    100% {-webkit-transform:scale(1.4);opacity:0}
}
.piaoswt .s-ripple i {
    position:absolute;
    width:70px;
    height:70px;
    line-height:normal;
    border-radius:50%;
    border:1px solid #0090da;
    box-sizing:border-box
}
.piaoswt .ripple {
    background:#0090da;
    color:#fff;
    font-size:14px;
    text-align:center;
    font-style:normal;
    opacity:.8
}
.piaoswt .ripple-a {
    opacity:0;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation:pan-ripple 2s linear infinite;
    animation:pan-ripple 2s linear infinite;
}
.piaoswt .ripple-b {
    opacity:0;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation:pan-ripple 1s linear infinite;
    animation:pan-ripple 1s linear infinite;
}
.piaoswt .s-ripple {

    width:79px;
    height:79px;
    display:block;
    transform-origin: 0px 0px 0px;
    transform: scale(1, 1);

}
.jhid{ background-color: #0092db; text-align:center; color: #fff; width: 120px;font-size: 14px;  padding: 5px 9px;   position:absolute; top: -70px; left: -36px;}
.jhid:before{ content: ' ';

            bottom: -10px; left:45%;
            position: absolute; width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid #0092db;
    border-left: 10px solid transparent;}
